CSS Text Transformation

The text-transform property is used to specify uppercase and lowercase letters in a text.

It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word:

Example



      <!DOCTYPE html>
      <html>
      <head> 
      <style> 

      p.uppercase   {
         text-transform: uppercase;
                 }

      p.lowercase  {
         text-transform: lowercase;
                    }
                                     
      p.capitalize   {
        text-transform: capitalize;
                    }
                                                     
      </style> 
      </head> 
      <body> 

      <h1>Using the text-transform property</h1>
    
<p class="uppercase">ACADEMY OF INFORMATION TECHNOLOGY.</p>
<p class="lowercase">ACADEMY OF INFORMATION TECHNOLOGY.</p>
<p class="capitalize">ACADEMY OF INFORMATION TECHNOLOGY.</p>

  
          </body>
          </html>

Result: